<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/button.css">
</head>
<body>
    <header>
        <p class="p1">中文（简体）</p>
        <p class="p2">
            <i class="iconfont icon-fanghuoqiang" ></i>
            <span>帮助</span>
        </p>
    </header>
    <main>
        <div class="top-content">
           <h2>小米账号登录</h2>
            <p class="box"><img src="./img/1.png" alt=""></p>
            <p class="welcome">欢迎登录小米有品</p>
        </div>
        <div class="center-content">
            <input type="text" placeholder="请输入手机电话号">
            <p><input type="checkbox"id="p">已阅读并同意小米账号<a href="#">用户协议</a>和<a href="#">隐私政策</a></p>
            <button>下一步</button>
            <p class="pwd"><a href="#">忘记密码？</a></p>
        </div>
        <div class="button-content">
            <p><span>用户名密码登录</span>|<span>立即注册</span></p>
            <p>————<span>其他方式登录</span>————</p>
            <p>
                <i class="iconfont icon-weixin"></i>
                <i class="iconfont icon-weibo"></i>
                <i class="iconfont icon-pingguo"></i>
            </p>
        </div>
    </main>
</body>
</html>